$base: 1;
$base-rpx: 1rpx;
$page-padding-lr: 20rpx;


// ----- ----- ----- page ----- ----- -----

$page-bk-color: #f5f5f6;


// ----- ----- header ----- -----

$header-width: 750rpx;
$header-height: 168rpx;
$header-bk-color: #FFCC33;


// ----- position -----

$position-padding: 24rpx;
$position-padding-bottom: 16rpx;

$pos-icon-w: 42rpx;
$pos-icon-h: 48rpx;
$pos-icon-size: 26rpx;

$pos-arrow-w: 42rpx;
$pos-arrow-h: 48rpx;
$pos-arrow-left: 6rpx; // 调左边距
$pos-arrow-size: 16rpx;
$pos-arrow-rotate: 0deg;

$pos-where-margin-left: 10rpx;
$pos-where-font-size: 28rpx;
$pos-where-top: -2rpx; // 调垂直位置


// ----- search -----

$search-width: 700rpx;
$search-height: 64rpx;
$search-margin-top: 10rpx;

$search-icon-w: 26;
$search-icon-h: 27;
$search-icon-size: 20rpx;
$search-icon-margin-lr: 20rpx;

$search-input-font-size: 26rpx;

$search-btn-width: 110rpx;
$search-btn-height: 52rpx;
$search-btn-right: 6rpx; // 调右边距
$search-btn-font-size: 24rpx;


// ----- ----- nav ----- -----

$nav-width: 730rpx;
$nav-height: 300rpx;
$nav-margin: 10rpx;

$nav-item-image-size: 90rpx;
$nav-item-font-size: 22rpx;
$nav-item-text-margin-top: 4rpx; // 文本调上边距


// ----- ----- banner ----- -----

$banner-width: 700rpx;
$banner-height: 180rpx;
$banner-margin-bottom: 15rpx;
$banner-border-radius: 30rpx;


// ----- ----- cardTags ----- -----

$card-tags-width: 700rpx;
$card-tags-height: 60rpx;
$card-tags-margin-tb: 20rpx;

$card-tag-width: 130rpx;
$card-tag-height: 60rpx;
$card-tag-line-height: $card-tag-height;
$card-tag-font-size: 21rpx;

$card-tag-total-size: 36rpx;
$card-tag-total-top: 4rpx; // 微调上边距


// ----- ----- cards ----- -----

$cards-width: 700rpx;
$cards-height: 230rpx;
$cards-radius: 20rpx;

$card-left-margin: $page-padding-lr;
$card-left-size: $cards-height - $card-left-margin;
$card-left-image-size: $card-left-size - $card-left-margin;
$card-image-radius: 16rpx;